<template>
	<view class="container">
		<view class="bgWhite pt10">
			<view class="" v-for="(i,n) in data" :key="n">
				<view class="provinceTitle align-center">
				<text class="cricle"></text>	{{i.title}}
				</view>
				<view class="plr16">
					<view class="areadata" v-for="(item,index) in i.children" :key="index">
						{{item.title}}
					</view>
				</view>
			
			</view>
		</view>

	
	</view>
</template>

<script>
	

	let app = getApp();
	export default {
		components: {

		},
		data() {
			return {
				act: 0,
				dataInfo: {},
				certificateNum: '',
				value: "",
				data:[
					{
						title:'东北',
						children:[
							{
								title:'黑龙江'
							}
						]
					},
					{
						title:'东北',
						children:[
							{
								title:'黑龙江'
							},
							{
								title:'黑龙江'
							},
							{
								title:'黑龙江'
							},
							{
								title:'黑龙江'
							}
						]
					},
					{
						title:'东北',
						children:[
							{
								title:'黑龙江'
							}
						]
					}
				]
			}
		},
		onLoad(opt) {
			

		},
		mounted() {
			
		
			 
			// 使用函数生成一个正弦波形
		
		
		},

		methods: {
						
					
			}





	}
</script>
<style scoped lang="scss">
	.container {
		height: 100vh;
		// background: linear-gradient(180deg, #4375f2, #fff);
		padding-top: 20rpx;
	}
	.provinceTitle{
		font-size: 32rpx;
		line-height: 52rpx;
		.cricle{
			width: 12rpx;
			display: block;
			height: 32rpx;
			background: rgba(39, 109, 214, 1);
			margin-right: 30rpx;
			border-radius: 0 10rpx 10rpx 0;
		}
		margin: 10rpx 0 24rpx 0;
	}
	.areadata{
		color: rgba(0, 0, 0, 0.9);
		padding: 8rpx 48rpx;
		border-radius: 8rpx;
		background-color: rgba(243, 243, 243, 1);
		margin: 0 8rpx 8rpx 0;
		line-height: 44rpx;
		display: inline-block;
	}
		
</style>